.setUserName {
  background-color: white;
  height: 100vh;

  .UNTitle {
    height: 46px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: solid 2px rgb(245, 246, 248);

    .titleBack {
      flex: 1;
      transform: rotate(180deg);
      line-height: 46px;
      color: #1989fa;
      text-align: center;

      i {
        font-size: 14px;
        margin-left: 10px;
      }

    }

    .titlecontent {
      flex: 5;
      line-height: 46px;
      color: #323233;
      font-weight: 500;
      font-size: 16px;
    }

    .titleBlock {
      flex: 1
    }
  }

  .UNName {
    height: 46px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 10px;
    position: relative;

    .UNNameLeft {
      span {
        line-height: 46px;
      }

      i {
        line-height: 46px;
        color: red;
        margin-right: 3px;
      }
    }

    .UNNameRight {
      line-height: 46px;
      outline: none;
      border: none;
    }

    .clear {
      background: lightgray;
      color: white;
      text-align: center;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      position: absolute;
      right: 10px;
      top: 16px;
      display: none;

      span {}
    }

    .appear {
      display: block !important;
    }
  }

  .submit {
    height: 46px;
    background: rgb(7, 193, 96);
    color: white;
    text-align: center;
    line-height: 46px;
    border-radius: 30px;

  }
}